page{
    background:#f2f2f3;
}
.nav{
    width:100%;
    height:70rpx;
    background:#fff;
    display: flex;
    align-items: center;
    padding-top:40rpx;
    position: fixed;
    top:0;
    left:0;
    z-index: 10;
    .back{
        width:40rpx;
        height:40rpx;
        image{
            width:100%;
            height:100%;
        }
    }
    .title{
        width:300rpx;
        line-height:70rpx;
        font-size:32rpx;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        bottom:0;
        left:50%;
        transform: translate(-50%);
    }
    
}
.content{
    margin-top:110rpx;
    margin-bottom:130rpx;
    .swiper{
        height:750rpx;
    }
    .image{
        width:100%;
        height:750rpx;
        image{
            width:100%;
            height:100%;
        }
    }
    .head{
        background:#fff;
        padding:30rpx 20rpx 10rpx;
        .pri{
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            // padding-top:30rpx;
            .price{
                font-size:30rpx;
                color:#f53939;
                text{
                    font-size:40rpx;
                }
            }
            .xiao{
                font-size:24rpx;
                color:#9a9a9a;
            }
        }
        
        .tit{
            display: flex;
            justify-content: space-between;
            margin-top:20rpx;
            .title{
                width:600rpx;
                line-height:46rpx;
                font-size:34rpx;
            }
            .cang{
                font-size:24rpx;
                color:#9a9a9a;
                display: flex;
                flex-direction: column;

            }
        }
        
    }
    .popup{
        height:100%;
        .popup_title{
            text-align: center;
            padding-top:30rpx;
        }
        .btn{
            width:94%;
            font-size:30rpx;
            border-radius: 10rpx;
            margin:480rpx 3% 0;
        }
    }
    // 商品详情
    .xiangqing{
        background:#fff;
        margin-top:20rpx;
        .title{
            font-size:36rpx;
            padding:20rpx;
        }
        image{
            vertical-align: middle;
            width:100%;
            height:800rpx;
        }
    }
}
<<<<<<< HEAD
.share{
    position:fixed;
    bottom:260rpx;
    right:50rpx;
    width:90rpx;
    height:90rpx;
    background:#fff;
    border-radius: 50rpx;
    box-shadow: 0 0 10rpx 10rpx rgba(159, 159, 159, 0.1);
    z-index: 10;
    image{
        width:60%;
        height:60%;
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        margin: auto;
    }
}
=======
>>>>>>> mine

.line{
    width:100%;
    height:3rpx;
    background:#e1e1e1;
    margin:10rpx;
}
.choose{
    background: #fff;
    margin-top:20rpx;
    padding:20rpx;
    font-size:30rpx;
    .choose_b{
        color:#9a9a9a;
    }
<<<<<<< HEAD
    .yixuan{
        padding:30rpx;
        .top{
            display: flex;
            image{
                width:200rpx;
                height:200rpx;
                border-radius: 10rpx;
            }
            .tit{
                width:450rpx;
                margin-left: 20rpx;
                padding-top:16rpx;
                .price{
                    font-size:36rpx;
                    color:#f53939;
                }
                .title{
                    line-height: 40rpx;
                    color: #363636;
                    margin-top:10rpx;
                }
            }
            
        }
        .shuliang{
            margin-top:30rpx;
            .tit{
                font-size:24rpx;
                margin-bottom: 20rpx;
            }
        }
        .btns{
            width:100%;
            display: flex;
            justify-content: space-between;
            margin-top:320rpx;
            .btn{
                width:340rpx;
                font-size:32rpx;
                border-radius: 10rpx;
            }
            .btn2{
                width:690rpx;
                font-size:32rpx;
                border-radius: 10rpx;
            }
        }
    }
    .fuwu{
        font-size:26rpx;
        .icon{
            margin-left:20rpx;
        }
    }
    .fuwupop{
        padding:20rpx;
        .tit{
            margin-top:20rpx;
            display: flex;
            align-items: flex-start;
            .icon{
                margin-top:8rpx;
            }
            .text{
                margin-left:10rpx;
                text{
                    font-size:30rpx;
                }
                view{
                    font-size:24rpx;
                    color:#999;
                    margin-top:10rpx;
                }
            }
            
        }
    }
    .fuwupop .btn{
        width:100%;
        margin:160rpx 0 0;
    }
=======
>>>>>>> mine
}



.footer{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:110rpx;
    font-size:20rpx;
    border-top:3rpx solid #9a9a9a;
    box-sizing: border-box;
    background:#fff;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    .dianjia,.dianpu,.gouwuche{
        display: flex;
        flex-direction: column;
    }
    .btn{
        width:200rpx;
        border-radius: 10rpx;
    }
}




.aa{
    height:100px !important;
    background:blue;
}










.van-cell::after{
    border:none !important;
}